const path = require('path');//引入path模块
function resolve(dir){
    return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径
}
module.exports = {
    // sass配置
    css: {
        loaderOptions: {
           sass: {
               additionalData:`@import "./src/assets/scss/style.scss";` 
               }
           }
       },
    devServer:{
        open : true,
        // 代理配置
        proxy:{
            '/api' : {
                //目标路径
                target:'http://localhost:9527/',
                //允许跨域
                changeOrigin:true,
                //重写
                pathRewrite:{
                    '^/api':''
                }
            },
            '/music' : {
                //目标路径
                target:'https://autumnfish.cn',
                //允许跨域
                changeOrigin:true,
                //重写
                pathRewrite:{
                    '^/music':''
                }
            }
        }
    },
    chainWebpack:(config)=>{
        // set第一个参数：设置的别名，第二个参数：设置的路径
        config.resolve.alias
        .set('@',resolve('./src'))
        // 图片路径别名
        .set('_img',resolve('./src/assets'))
        // 封装的ui组件别名
        .set('Ui',resolve('./src/Encapsulate_UI'))
        // 封装的样式 styles别名
        .set('style',resolve('./src/styles'))
    }
}